import React, {Component} from 'react';
import UserInfo from './UserInfo'
import BlogDetails from './BlogDetails'
import { NavLink } from 'react-router-dom';
class Blog extends React.Component {
  constructor() {
    super()
    this.state = {
      details: {
        title: '315晚会如期举行',
        time: '2021-3-15 20:00:00',
        content: 'awd;fljkha;kldhsgfijhjgfjhjdfopigu'
      },
      userInfo: {
        nickName: 'Tom'
      }
    }
  }
  render () {
    return  (<div>
      <BlogDetails details={this.state.details}></BlogDetails>
      <UserInfo userInfo={this.state.userInfo}></UserInfo>
      <NavLink to="/index">首页</NavLink>
      <NavLink to="/blog">Blog页面</NavLink>
      <NavLink to="/ComFather">父组件页面</NavLink>
    </div>)
  }
}
export default Blog